<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="template.css">
    <title>修改标题</title>
</head>
<body>
    <a href="../../index.html">返回主页</a>

    <div class="accordion" onclick="toggleAccordion(this)" id="insertDiv">插入模块</div>
    <div class="accordion-content">
        <input id="insert1" type="text" placeholder="输入1">
        <input id="insert2" type="text" placeholder="输入2">
        <div id="insertAddition1">
            <table id="insertAdditionTable1">
                <caption>插入模块,检索并选择隐藏表</caption>
                <thead>
                    <tr>
                        <th>1column</th>
                        <th>2column</th>
                        <th>3column</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- 动态添加行 -->
                </tbody>
            </table>
            <!--这个选项会让表不再隐藏-->
            <label for="insertAdditionCkb1">额外选项如果需要</label>
            <input type="checkbox" name="insertAdditionCkb1" id="insertAdditionCkb1">
        </div>
        <button id="insertBtn">确认</button>
    </div>

    <div class="accordion" onclick="toggleAccordionAndSelect(this)" >检索模块</div>
    <div class="accordion-content">
        <table id="selectTable">
            <thead>
                <tr>
                    <th>1column</th>
                    <th>2column</th>
                    <th>3column</th>
                    <th>修改这些,每一列的标题</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>

    <div class="accordion" onclick="toggleAccordion(this)" >检索模块1</div>
    <div class="accordion-content">
        <div id="select1">
            <label for="select1Input1">输入检索条件检索</label>
            <input type="text" name="select1Input1" id="select1Input1">
            <button id="select1Btn">确认</button>
            <table id="select1Table">
                <thead>
                    <tr>
                        <th>1column</th>
                        <th>2column</th>
                        <th>3column</th>
                        <th>修改这些,每一列的标题</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>

    <div class="accordion" onclick="toggleAccordion(this)">删除模块</div>
    <div class="accordion-content">
        <div id="delete">
            <label for="deleteInput1">输入要删除的条件</label>
            <input type="text" name="deleteInput1" id="deleteInput1">
            <button id="deleteBtn">确认</button>
        </div>
    </div>

    <div class="accordion" onclick="toggleAccordion(this)">更多模块</div>
    <div class="accordion-content">
        <input type="text" placeholder="输入1">
        <input type="text" placeholder="输入2">
        <!-- 更多输入框 -->
    </div>
    <script src="template.js"></script>

</body>
</html>